<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		<title>个人选项 -- Powered by CentIMS {$core_version}</title>
		<link href="{'bootstrap/css/bootstrap.css'|shared}" rel="stylesheet"/>
		<link href="{'bootstrap/css/bootstrap-responsive.css'|shared}" rel="stylesheet"/>
		<link href="{'common.css'|shared}" rel="stylesheet"/>
		<style type="text/css">
			.opt {
				background-image:url('../images/icons/key.png');
			}
		</style>
		{'user_form_head'|fire}
	</head>
	<body>
		<div class="workspace mgb5">			
			<h1 class="title ico opt">人个资料</h1>
		</div>		
		<div class="workspace" style="margin:0 15px;">
			<div class="tabbable tabs-left">
				<ul class="nav nav-tabs" style="min-height:385px;">
					<li>&nbsp;</li>
					{foreach $opt_groups as $item}
					<li class="{if $item@key == $group}active{/if}">
						<a href="./?Ctlr=UserInfo&group={$item@key}">{$item}</a>
					</li>
					{/foreach}
				</ul>
	            <div class="tab-content" style="padding-top:10px;">	                	
					<div id="tabc-{$group}" class="tab-pane active">
						{if $page_tip_info}
					    <div class="alert {$alert_cls}">
					        <button class="close" data-dismiss="alert">×</button>
					        {$page_tip_info}
				      	</div>
				      	{/if}
						{if $userinfo_tpl}
	                		{include file=$userinfo_tpl}
	                	{/if}
	                </div>
	          	</div>
	    	</div>
		</div>   	
		<script type="text/javascript" src="{'jquery-1.7.1.js'|jquery}"></script>
		<script type="text/javascript" src="{'bootstrap/bootstrap.js'|shared}"></script>
		<script type="text/javascript" src="{'plugins/jquery.validate.js'|jquery}"></script>
		<script type="text/javascript" src="{'common.js'|shared}"></script>
		<script type="text/javascript" src="user_add.js"></script>
		{'user_form_foot'|fire}
	</body>
</html>